<template>
	<div class="order-msg bg-f5">
		<ul class=''>
			<li class="mt10 pb20 bg-white container" v-for="item in data">
				<h3 class="layout fs15 black pt15 pb15">{{ item.title }}<span class="fs12 c666">{{ item.consign_time }}</span></h3>
				<div class="layout">
					<img class="" style="width: 5rem;height: 4rem;" :src="item.goods_picture" alt="">
					<div class="">
						<span class="fs14 black">{{ item.goods_name }}</span>
						<p class="fs12 c666 mt10">{{ item.msg }}</p>
					</div>
				</div>
			</li>
		</ul>
	</div>
</template>

<script>
	export default{
		data()
		{
			return{
				data : [],
			}
		},
		created()
		{
			this.loadData();
		},
		methods:
		{
			loadData()
			{
				this.$http.get('/info/getOrderInfo').then(res=> {
					this.data = res.data;
				})
			}
		}
	}
</script>

<style lang="less">
	.order-msg{

	}
</style>